<template>
  <div>
    <home-header></home-header>
    <home-swiper></home-swiper>
    <home-icons></home-icons>
    <home-location></home-location>
    <home-preferential></home-preferential>
    <home-hot></home-hot>
    <home-like></home-like>
    <home-holiday></home-holiday>
  </div>
</template>

<script>
import HomeHeader from './page/home/header'
import HomeSwiper from './page/home/swiper'
import HomeIcons from './page/home/icons'
import HomeLocation from './page/home/location'
import HomePreferential from './page/home/preferential'
import HomeHot from './page/home/hot'
import HomeLike from './page/home/like'
import HomeHoliday from './page/home/holiday'

export default {
  name: 'home',
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeLocation,
    HomePreferential,
    HomeHot,
    HomeLike,
    HomeHoliday
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>
